<template>
  <div>
    <!-- 
      scoped属性是如何做到只作用于当前的组件内容标签的？
      
      答：是因为添加scoped属性后，vue编译的时候，会给当前组件添加data-v-hash的属性
        这个组件内的所有标签都是通过这个属性选择器选中然后设置相应样式的。
     -->
    <testTwo></testTwo>
    <h1 class="test">hello vue</h1>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.test {
  color: red;
}
</style>